<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>WebCedis - Biblioteca EPIS UNSA</title>
<link type="text/css" rel="stylesheet" href="css/style.css">

<style type="text/css">
.login {
width: 238px;
margin: 0 auto;
padding:20px 0 0 43px;
background: url(images/user.png) no-repeat left center;
}

.login label {
display:block;
font-size:12px;
padding-bottom:5px;
text-align:right;
}

.login label em{
width:80px;
display:block;
float:left;
font-style: normal;
}

.login input {
width:146px;
height:22px;
border:1px solid #ccc;
}

.login input.submit {
width:auto;
height:auto;
border:1px solid #ccc;
float:right;
}

.loading {
text-align: center;
width: 238px;
margin: 0 auto;
padding:40px 0;
background: url(images/ajax-loader.gif) no-repeat center 60px;
}

.error{
margin: 0 auto;
padding:20px 0 20px 55px;
width:212px;
background: url(images/dialog-error.png) no-repeat left center;
}

</style>

<script src="src/mootools.js"  type="text/javascript"></script>
<script src="src/sexylightbox.packed.js" type="text/javascript"></script>

<link rel="stylesheet" href="src/sexylightbox.css" type="text/css" media="all" />
<script type="text/javascript">
  window.addEvent('domready', function(){
    new SexyLightBox({OverlayStyles: {'background-color': '#000000'}});
  });
</script>

<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.2/mootools-yui-compressed.js"></script>-->
<script type="text/javascript" src="src/sexyforms.v1.1.mootools.js"></script>
<link   type="text/css"        rel="stylesheet" href="src/sexyforms/sexyforms-red.css"  media="all" id="theme" />
<script type="text/javascript">
window.addEvent('domready', function() {
  $$(".sexyform input", ".sexyform select", ".sexyform textarea").each(function(el) {
    el.DoSexy();
  });
});
</script>
<script type="text/javascript" src="sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>

</head>

<body>

<div id="wrap">
<div id="BienvenidosPage">
<div id="header">
  <div id="webcedis"> </div>
  <div id="menu_login">
    <a href="login.php?height=160&width=350" rel="sexylightbox" ><img src="images/ingresar.png" alt="" style="border:none;" /></a>
    <a href="#" class="log">Olvido su contraseña?</a>  </div>
</div>
<div id="Container">
 <div id="WrapperMain">

 <div id="leftContainer">
 <div id="TextWelcome">
 <h2>Bienvenido a nuestra BIBLIOTECA VIRTUAL</h2>
   <p>Aqui encontrara la lista completa de libros disponibles en nuestra biblioteca, con todo lo relacionado con la carrrera de Ingenier&iacute;a de Sistemas - UNSA.</p>
 </div>
 <div id="Presentacion">
  <img src="images/episunsa.jpg" width="480" alt="episunsa"/>
 </div>
 </div>
 <div id="rightContainer">
 <div class="tex1">
   <h2>Registrese Aqui</h2>
   <p>Para empezar a usar nuestra biblioteca llene sus datos en el siguiente formulario le llegara un correo de validacion a su bandeja de entrada</p>
 </div>
 
 <div id="Register">
 <div class="Text_Register">
  
<noscript><div id="no_js_box"><h2>Javascript está deshabilitado en tu navegador.</h2><p>Activa JavaScript en tu navegador o actualízalo a uno que lo permita para registrarte en WebCedis.</p></div></noscript>
 <div id="Register-form">
 <form action="NL-process.php" method="post" class="sexyform" id="registerForm" onSubmit="return FormRegisterInit();">
    <table cellpadding="0" cellspacing="0">
                <tr>
                  <td>
                    <label for="nombre">Name:</label>                  </td>
                  <td>
                    <input id="nombre" name="nombre" type="text" value="Tu nombre aqui" size="35" icon="icon/user.png"/>                  </td>
                </tr>

                <tr>
                  <td>
                    <label for="nombre">Email:</label>                  </td>
                  <td>
                    <input id="email" name="email" type="text" value="Tu correo aqui" size="35" icon="icon/email_go.png"/>                  </td>
                </tr>
                
                <tr>
                  <td>
                    <label for="cui">CUI:</label>                  </td>
                  <td>
                    <input id="cui" name="cui" type="text" value="(Disabled)" size="25" disabled="disabled" icon="icon/star.png"/>                  </td>
                </tr>

                
                
                <tr>
                  <td>
                    <p>Gender: </p>  </td>
                  
                  <td>
                     <input type="radio" id="radio_0" value="male" name=" male " />
                    <label for="radio_0" >Male</label>
                    
                    <input type="radio" id="radio_1" value="female" name=" female " />
                    <label for="radio_1" >Female</label>
                    
                </tr>
              
              
                <tr><td class="label" colspan="2">Fecha de nacimiento:</td>
                </tr>
                <tr>
                <td colspan="2">
                
                <div class="field_container"> <select name="birthday_day" id="birthday_day"  onchange="" autocomplete="off" ><option value="-1">Día:</option><option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
<option value="9">9</option> 
<option value="10">10</option> 
<option value="11">11</option> 
<option value="12">12</option> 
<option value="13">13</option> 
<option value="14">14</option> 
<option value="15">15</option> 
<option value="16">16</option> 
<option value="17">17</option> 
<option value="18">18</option> 
<option value="19">19</option> 
<option value="20">20</option> 
<option value="21">21</option> 
<option value="22">22</option> 
<option value="23">23</option> 
<option value="24">24</option> 
<option value="25">25</option> 
<option value="26">26</option> 
<option value="27">27</option> 
<option value="28">28</option> 
<option value="29">29</option> 
<option value="30">30</option> 
<option value="31">31</option> 
</select> <select name="birthday_month" id="birthday_month" onchange="" autocomplete="off"><option value="-1">Mes:</option><option value="1">enero</option> 
<option value="2">febrero</option> 
<option value="3">marzo</option> 
<option value="4">abril</option> 
<option value="5">mayo</option> 
<option value="6">junio</option> 
<option value="7">julio</option> 
<option value="8">agosto</option> 
<option value="9">septiembre</option> 
<option value="10">octubre</option> 
<option value="11">noviembre</option> 
<option value="12">diciembre</option> 
</select> <select name="birthday_year" id="birthday_year" onchange="" autocomplete="off"><option value="-1">Año:</option><option value="2009">2009</option> 
<option value="2008">2008</option> 
<option value="2007">2007</option> 
<option value="2006">2006</option> 
<option value="2005">2005</option> 
<option value="2004">2004</option> 
<option value="2003">2003</option> 
<option value="2002">2002</option> 
<option value="2001">2001</option> 
<option value="2000">2000</option> 
<option value="1999">1999</option> 
<option value="1998">1998</option> 
<option value="1997">1997</option> 
<option value="1996">1996</option> 
<option value="1995">1995</option> 
<option value="1994">1994</option> 
<option value="1993">1993</option> 
<option value="1992">1992</option> 

<option value="1991">1991</option> 
<option value="1990">1990</option> 
<option value="1989">1989</option> 
<option value="1988">1988</option> 
<option value="1987">1987</option> 
<option value="1986">1986</option> 
<option value="1985">1985</option> 
<option value="1984">1984</option> 
<option value="1983">1983</option> 
<option value="1982">1982</option> 
<option value="1981">1981</option> 
<option value="1980">1980</option> 
<option value="1979">1979</option> 
<option value="1978">1978</option> 
<option value="1977">1977</option> 
<option value="1976">1976</option> 
<option value="1975">1975</option> 
<option value="1974">1974</option> 
<option value="1973">1973</option> 
<option value="1972">1972</option> 
<option value="1971">1971</option> 
<option value="1970">1970</option> 
<option value="1969">1969</option> 
<option value="1968">1968</option> 
<option value="1967">1967</option> 
<option value="1966">1966</option> 
<option value="1965">1965</option> 
<option value="1964">1964</option> 
<option value="1963">1963</option> 
<option value="1962">1962</option> 
<option value="1961">1961</option> 
<option value="1960">1960</option> 
<option value="1959">1959</option> 
<option value="1958">1958</option> 
<option value="1957">1957</option> 
<option value="1956">1956</option> 
<option value="1955">1955</option> 
<option value="1954">1954</option> 
<option value="1953">1953</option> 
<option value="1952">1952</option> 
<option value="1951">1951</option> 
<option value="1950">1950</option> 
<option value="1949">1949</option> 
<option value="1948">1948</option> 
<option value="1947">1947</option> 
<option value="1946">1946</option> 
<option value="1945">1945</option> 
<option value="1944">1944</option> 
<option value="1943">1943</option> 
<option value="1942">1942</option> 
<option value="1941">1941</option> 
<option value="1940">1940</option> 
<option value="1939">1939</option> 
<option value="1938">1938</option> 
<option value="1937">1937</option> 
<option value="1936">1936</option> 
<option value="1935">1935</option> 
<option value="1934">1934</option> 
<option value="1933">1933</option> 
<option value="1932">1932</option> 
<option value="1931">1931</option> 
<option value="1930">1930</option> 
<option value="1929">1929</option> 
<option value="1928">1928</option> 
<option value="1927">1927</option> 
<option value="1926">1926</option> 
<option value="1925">1925</option> 
<option value="1924">1924</option> 
<option value="1923">1923</option> 
<option value="1922">1922</option> 
<option value="1921">1921</option> 
<option value="1920">1920</option> 
<option value="1919">1919</option> 
<option value="1918">1918</option> 
<option value="1917">1917</option> 
<option value="1916">1916</option> 
<option value="1915">1915</option> 
<option value="1914">1914</option> 
<option value="1913">1913</option> 
<option value="1912">1912</option> 
<option value="1911">1911</option> 
<option value="1910">1910</option> 
<option value="1909">1909</option> 
<option value="1908">1908</option> 
<option value="1907">1907</option> 
<option value="1906">1906</option> 
<option value="1905">1905</option> 
<option value="1904">1904</option> 
<option value="1903">1903</option> 
<option value="1902">1902</option> 
<option value="1901">1901</option> 
<option value="1900">1900</option> 
</select></div></td></tr> 

                <tr>
                  <td colspan="2">
                     <p>
                      <input type="submit" value="Registrarse" name="Submit"/> 
                    </p>                   </td>
                </tr>
              </table>
            </form>
   </div>

<script type="text/javascript">
var register_FirstTime = 0;
function FormRegisterInit()
{
  if (register_FirstTime) {
    $('registerForm').send();
    return false;
  } else {
    register_FirstTime = 1;
  }
  
  $('registerForm').set('send', {
    
    onComplete: function(response) {
      //$('Sexy-loading').setStyle('display', 'none');
      if (response == "OK!")
      {
        Sexy.info('<h1>Bienvenido a WebCedis</h1><br/><<p>Gracias por suscribirse! Ud. recibira un mensaje de confirmacion para verificar su correo electronico</p>');
      }
      else 
	  if (response == "NO!")
      {
        Sexy.error('<h1>Error al intentar registrarlo</h1><p>Su correo electronico no es valido. Inténtalo de nuevo.</p>');
      }
      }});


  $('registerForm').send();

  return false;

};

</script>
 </div>
 </div>
</div>
  
</div>
<div style="clear:both"></div>
</div>
<div id="footer">
        <ul>
          <li><a href="#">INICIO</a> | </li>
          <li><a href="#">CATEGORIAS</a> | </li>
          <li><a href="#">PUBLICACIONES</a> | </li>
          <li><a href="#">DESCARGAS</a> | </li>
          <li><a href="#">CONTACTENOS</a> | </li>
        </ul>
        <p>&copy; 2009 <a href="#">DERECHOS RESERVADOS</a></p>
 </div>
</div>

</div>

</body>
</html>
